<template>
    <div class="emp-info-detail">
        <el-row>
            <el-col :span="12">
                <span class="title">手机号</span>
                <span class="value">13312345678</span>
            </el-col>
            <el-col :span="12">
                <span class="title">居住地址</span>
                <span class="value">8000</span>
            </el-col>
            <el-col :span="12">
                <span class="title">邮箱</span>
                <span class="value">8000</span>
            </el-col>
            <el-col :span="12">
                <span class="title">性别</span>
                <span class="value">女</span>
            </el-col>
            <el-col :span="12">
                <span class="title">工作性质</span>
                <span class="value">全职</span>
            </el-col>
            <el-col :span="12">
                <span class="title">学历</span>
                <span class="value">本科</span>
            </el-col>
            <el-col :span="12">
                <span class="title">入职时间</span>
                <span class="value">2020-01-22</span>
            </el-col>
            <el-col :span="12">
                <span class="title">基本工资</span>
                <span class="value">8000</span>
            </el-col>
            <el-col :span="12">
                <span class="title">民族</span>
                <span class="value">汉</span>
            </el-col>
            <el-col :span="12">
                <span class="title">户籍</span>
                <span class="value">8000</span>
            </el-col>
            <el-col :span="12">
                <span class="title">出生年月</span>
                <span class="value">2000-12-12</span>
            </el-col>
            <el-col :span="12">
                <span class="title">婚姻状况</span>
                <span class="value">未婚</span>
            </el-col>
            <el-col :span="12">
                <span class="title">紧急联系人</span>
                <span class="value">张三</span>
            </el-col>
            <el-col :span="12">
                <span class="title">联系人电话</span>
                <span class="value">13312341234</span>
            </el-col>
            <div :span="24" class="m-0">
                <span class="title">身份证</span>
                <span class="value">1234567899123456789</span>
            </div>
            <div class="m-0">
                <span class="title">银行卡号</span>
                <span class="value">4212231231223123</span>
            </div>
            <div class="m-0">
                <span class="title">开户行</span>
                <span class="value">中国工商银行成都锦城支行</span>
            </div>
        </el-row>
    </div>
</template>

<script>
export default {
    name: "EmployeeInfo"
}
</script>

<style lang="less" scoped>

.emp-info-detail{
    line-height: 32px;
    font-size: 14px;
    .title{
        display: inline-block;
        width: 70px;
        text-align: justify;
        text-align-last: justify;
    }
    .value{
        color: #666;
        &:before{
            content:':';
            margin-left:3px;
            margin-right:15px;
            display: inline-block;
        }
    }
}
</style>
